<template>
   <view class="empty-com">
     <view>Σ(⊙▽⊙"a</view>
     <view>{{desc}}</view>
   </view>
</template>
<script lang='ts'  setup >
 import { withDefaults } from 'vue'

 export interface IProps {
  desc: string,
 }

 const props = withDefaults(defineProps<IProps>(), {
  desc: '还没有写日记哦～'
 })



</script>
<style lang='scss' scoped >

 .empty-com {
  width: 680rpx;
  height: 480rpx;
  background-color: #fff;
  margin: 0 auto;
  margin-top: 72rpx;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: $text-color;
  border-radius: 48rpx;
}
</style>